<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<html>

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>房东注册</title>
    <!-- CSS -->
    <%--<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:400,100,300,500">--%>
    <link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/form-elements.css">
    <link rel="stylesheet" href="assets/css/style.css">

    <%--<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>--%>
    <%--<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>--%>

    <link rel="shortcut icon" href="assets/ico/favicon.png">
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/ico/apple-touch-icon-144-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/ico/apple-touch-icon-114-precomposed.png">
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/ico/apple-touch-icon-72-precomposed.png">
    <link rel="apple-touch-icon-precomposed" href="assets/ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
<style>
    .selectR {
        height: 50px;
        padding-left: 1.5rem;
        font-size: 1.6rem;
        color: gray;
    }

    .lab_sty {
        color: #FFFFFF;
    }
</style>
<!-- Top menu -->
<nav class="navbar navbar-inverse navbar-no-bg" role="navigation">
    <div class="container">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#top-navbar-1">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href="index.html">Bootstrap Multi Step Registration Form Template</a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="top-navbar-1">
        </div>
    </div>
</nav>

<!-- Top content -->
<div class="top-content">
    <div class="inner-bg1">
        <div class="container">
            <div class="row">
                <div class="col-sm-8 col-sm-offset-2 text1">
                    <h1 style="color: white">房东用户注册</h1>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6 col-sm-offset-3 form-box">
                    <form role="form" action="" method="post" class="registration-form">
                        <fieldset>
                            <div class="form-top">
                                <div class="form-top-left">
                                    <p style="font-size: 2.5rem;">填写相关信息:</p>
                                </div>
                                <div class="form-top-right">
                                    <i class="fa fa-user"></i>
                                </div>
                            </div>
                            <div class="form-bottom">
                                <div class="form-group">
                                    <label class="lab_sty">账号</label>
                                    <input type="text" name="form-first-name" placeholder="账号(必填)"
                                           class="form-first-name form-control" id="accountName" autocomplete="off">
                                </div>
                                <div class="form-group">
                                    <label class="lab_sty">密码</label>
                                    <input type="password" name="form-last-name" placeholder="密码(必填)"
                                           class="form-last-name form-control" id="password" autocomplete="off"
                                           style="height: 50px;padding-left: 22px;">
                                </div>
                                <div class="form-group">
                                    <label class="lab_sty">密码</label>
                                    <input type="password" name="form-last-name" placeholder="重复密码(必填)"
                                           class="form-last-name form-control" id="againPassword" autocomplete="off"
                                           style="height: 50px;padding-left: 22px;">
                                </div>
                                <div class="form-group">
                                    <label class="lab_sty">姓名</label>
                                    <input type="text" name="form-last-name" placeholder="姓名(必填)"
                                           class="form-last-name form-control" id="adminName" autocomplete="off">
                                </div>
                                <div class="form-group">
                                    <label class="lab_sty">性别</label>
                                    <select name="form-last-name" id="sex" class="form-last-name form-control selectR">
                                        <option value="">性别(必填)</option>
                                        <option value="1">男</option>
                                        <option value="0">女</option>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label class="lab_sty">身份证号</label>
                                    <input type="text" name="form-last-name" placeholder="身份证号(必填)"
                                           class="form-last-name form-control" id="identity" autocomplete="off">
                                </div>
                                <div class="form-group">
                                    <label class="lab_sty">手机号</label>
                                    <input type="text" name="form-last-name" placeholder="手机号(必填)"
                                           class="form-last-name form-control" id="mobilephone" autocomplete="off">
                                </div>
                                <div class="form-group">
                                    <label class="lab_sty">邮箱地址</label>
                                    <input type="text" name="form-last-name" placeholder="邮箱地址(非必填)"
                                           class="form-last-name form-control" id="email" autocomplete="off">
                                </div>
                                <div class="btnDiv">
                                    <div align="left" style="float:left;width: 70%">
                                        <button type="button" class="btn btn-next" id="register">注 册</button>
                                    </div>
                                    <div align="right" style="float:right;width: 25%">
                                        <button type="button" class="btnB buttonC">返回首页</button>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                    </form>

                </div>
            </div>
        </div>
    </div>
</div>
<!-- Javascript -->
<script src="assets/plugins/layui/layui.all.js"></script>
<script src="assets/js/jquery-1.11.1.min.js"></script>
<script src="assets/bootstrap/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.backstretch.min.js"></script>
<script src="assets/js/qrcode.min.js"></script>
<script src="assets/js/retina-1.1.0.min.js"></script>
<script src="assets/js/scripts.js"></script>
<script src="assets/js/custom/register.js"></script>
<script src="assets/js/common.js"></script>

<!--[if lt IE 10]>
<script src="assets/js/placeholder.js"></script>
<![endif]-->
</body>

</html>